<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片样式</title>
</head>
<body style="background: #e0a800">

<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>


<ul>
  <li>
    <h1 > 圆角</h1>
  </li>
  <li><img src="https://how2j.cn/example.gif" class="img-rounded">
</li>
  <li>
    <h1> 圆形</h1>
  </li>
  <li><img src="https://how2j.cn/example.gif" class="img-circle">

</li>
  <li>
    <h1> 缩略图</h1>
  </li>
  <li style="background: #FFFFFF;padding: 20px;" ><img src="https://how2j.cn/example.gif" class="img-thumbnail">
</li>




</ul>




</body>
</html>